// 头部
.header {
	background-color: #4299ff;
	padding: 10px 20px;
	#back {
		font-family: 宋体;
		font-weight: bolder;
		font-size: 24px;
		color: #fff;
	}
	#rank {
		color: #09557b;
		width: 252px;
		text-align: right;
	}
	#badges {
		color: #fff;
		display: flex;
		justify-content: space-between;
		div {
			width: 200px;
			height: 130px;
		}
		h3 {
			color: #aad9f7;
		}
		#right {
			text-align: left;
			background: url(../../assets/images/index-card-badge.png) no-repeat center
				center/contain;
			span {
				font-size: 80px;
				font-weight: bolder;
			}
		}
	}
}
// 主体
.main {
	padding: 30px 15px;
	#badgeList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		li {
			margin-right: 20px;
			margin-bottom: 30px;
			p {
				margin: 15px 0;
				text-align: center;
			}
		}
	}
}
